<template>
  <div class="app">
    <div class="app-left">
      <action-button/>
      <home inline/>
    </div>
    <div class="flex-1 app-right">
      <router-view/>
    </div>
  </div>
</template>

<script lang="ts" setup>
import ActionButton from "@/components/ActionButton.vue";
import Home from "@/view/Home.vue";
</script>

<style scoped lang="scss">
.app {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;

  &-left {
    width: 200px;
    position: relative;
    padding: 150px 10px 0;
  }

  &-right {
    box-shadow: -2px 0 4px 0 #CCC;
    position: relative;
  }
}
</style>
